<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>克里斯笔记-修改电子邮箱</title>
<link rel="shortcut icon" type="image/x-icon" href="${pageContext.request.contextPath}/image/favicon.ico" />
<script src="${pageContext.request.contextPath}/js/jquery-3.5.0.min.js"></script>
<style type="text/css">
	div
	{
		margin-top:10%
	}
	/*设置邮箱框，密码框，提交按钮的样式*/
	span,[name="newUserEmail"],[name="userPwd"],input[type="submit"]
	{
		width:350px;
		height:45px;
		font-size:20px
	}
</style>
<script>
	//获取邮箱验证码
	function getEmailCheckCode()
	{
		//验证电子邮箱是否符合规范
		if(!checkEmail()) return;
		$.ajax(
		{
			url:"${pageContext.request.contextPath}/getEmailCheckCode",
			type:"post",
			data:JSON.stringify({userEmail:$("[name='newUserEmail']").val()}),
			contentType:"application/json;charset=UTF-8",
			dataType:"text",
			success:function(data)
			{
				if(data=="infoError") alert("电子邮箱格式不合法！");
				else if(data=="success") alert("邮箱验证码获取成功！");
				else if(data!="") alert("请等待"+(60-data)+"秒后获取！");
			}
		});
	}
	//提交修改电子邮箱
	function changeUserEmail()
	{
		//验证电子邮箱是否符合规范
		if(!checkEmail()) return false;
		$.ajax(
		{
			url:"${pageContext.request.contextPath}/changeUserEmail",
			type:"post",
			data:$("#changeUserEmailForm").serialize(),
			dataType:"text",
			success:function(data)
			{
				if(data=="infoError") alert("修改信息错误！");
				else if(data=="userEmailRegistered") alert("该电子邮箱已被注册！");
				else if(data=="noEmailCheckCode") alert("请先获取邮箱验证码！");
				else if(data=="emailCheckCodeExpired") alert("邮箱验证码已过期！");
				else if(data=="emailCheckCodeError") alert("邮箱验证码错误！");
				else if(data=="userPwdError")
				{
					alert("账户密码错误！");
					$("[name='userPwd']").val("");
				}
				else if(data=="failed") alert("修改失败！");
				else if(data=="success")
				{
					alert("修改成功！");
					location.href="${pageContext.request.contextPath}/personalCenter";
				}
			}
		});
		return false;
	}
	//验证电子邮箱输入框
	function checkEmail()
	{
		//验证电子邮箱是否为空
		var value=$("[name='newUserEmail']").val();
		if(value=="")
		{
			alert("请输入新电子邮箱！");
			return false;
		}
		//验证电子邮箱格式的正则表达式
		var regex=/^[\w-]+@([\w-]+\.)+[a-zA-Z]{2,4}$/;
		if(!regex.test(value))
		{
			alert("新电子邮箱格式不合法！");
			return false;
		}
		//判断新电子邮箱是否和旧电子邮箱一样
		if(value=="${sessionScope.user.userEmail}")
		{
			alert("新电子邮箱不能和旧电子邮箱一样！");
			return false;
		}
		return true;
	}
</script>
</head>
<body>
	<div align="center">
		<form action="${pageContext.request.contextPath}/changeUserEmail" method="post" id="changeUserEmailForm">
			<span>当前电子邮箱：${sessionScope.user.userEmail}</span><br/><br/>
			<input type="password" name="userPwd" placeholder="密码"/><br/><br/>
			<input type="text" name="newUserEmail" placeholder="新电子邮箱"/><br/><br/>
			<input type="text" name="emailCheckCode" style="width:246px;height:45px;font-size:20px" placeholder="邮箱验证码"/>
			<input type="button" value="点击获取" style="width:100px;height:45px;font-size:20px" onclick="getEmailCheckCode()"/><br/><br/>
			<input type="submit" value="提交修改" onclick="return changeUserEmail()"/>
		</form>
	</div>
</body>
</html>